<template>
  <div class="personalCare">
    <van-grid clickable :gutter="10" :column-num="3">
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6cb;</span>
        <span class="text">预约挂号</span>
      </van-grid-item>
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6c1;</span>
        <span class="text">线上问诊</span>
      </van-grid-item>
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6bc;</span>
        <span class="text">积分查询</span>
      </van-grid-item>
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6b9;</span>
        <span class="text">指标统计</span>
      </van-grid-item>
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6c5;</span>
        <span class="text">测量仪器</span>
      </van-grid-item>
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6c6;</span>
        <span class="text">数据共享</span>
      </van-grid-item>
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6bb;</span>
        <span class="text">提醒历史</span>
      </van-grid-item>
      
      
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6be;</span>
        <span class="text">健康饮食</span>
      </van-grid-item>
      <van-grid-item to="/manager/appointment">
        <span class="iconfont">&#xe6bd;</span>
        <span class="text">用药服务</span>
      </van-grid-item>
    </van-grid>
  </div>
</template>

<script>

</script>

<style lang="less" scoped>
.personalCare{
  .van-grid-item{
    .iconfont{
      font-size: 40px;
    }
    .text{
      font-size: 14px;
      margin-top: 5px;
      color: #555656;
    }
  }
  
}
</style>
